<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sb" uri="/struts-bootstrap-tags"%>
<!DOCTYPE html>
<html>
<head>
<s:include value="/WEB-INF/content/common/header.jsp"></s:include>
</head>
<body class="bg">
	<div class="container">
		<s:include value="/WEB-INF/content/common/title-head.jsp"></s:include>

		<div >

			<s:include value="/WEB-INF/content/common/tab.jsp"></s:include>

			<script>
				$("#timerTab").addClass("active");
			</script>

			<div class="body">
				<div class="row">
					<div class="col-lg-10 col-lg-offset-1">
						<div class="title">
							<h2>
								<s:text name="page.heading.addnew" />
							</h2>
						</div>
					</div>
					<div class="col-lg-10 col-lg-offset-1">
						<div>
							<s:actionerror />
							<s:form action="save" namespace="/timer" method="post"
								theme="bootstrap">
								<s:hidden name="mode" />
								<s:hidden name="systemUser.id" />
								<fieldset>
									<div class="span7">
										<h3>タイマー設定</h3>
										<form class="form-horizontal">
											<div class="control-group">
											<s:text name="timer.label" />
											<s:textfield name="timer.name" cssClass="form-control" placeholder="%{getText('timer.label.placeholder')}" required="true" />
												<!--  <label class="control-label" for="inputLabel">ラベル</label>
												<div class="controls">
													<input class="input-xlarge" type="text" id="inputLabel"
														placeholder="ラベル">
												</div>-->
											</div>
											<div class="control-group">
											<s:select label="%{getText('timer.switch')}" cssClass="form-control" name="switch.name" headerKey="1" headerValue="" list="#{'1':'Jan', '2':'Feb', '3':'Mar', '4':'Apr'}"></s:select>
												<!-- <label class="control-label" for="inputSwitch">スイッチ</label>
												<div class="controls">
													<select id="inputSwitch">
														<option selected="selected">キッチン</option>
														<option>リビング</option>
														<option>スイッチ3</option>
														<option>スイッチ4</option>
														<option>スイッチ5</option>
														<option>スイッチ6</option>
														<option>スイッチ7</option>
														<option>スイッチ8</option>
														<option>スイッチ9</option>
														<option>スイッチ10</option>
														<option>スイッチ11</option>
														<option>スイッチ12</option>
													</select>
												</div> -->
											</div>
											<div class="control-group">
											<s:select label="%{getText('timer.time')}" cssClass="form-control" name="timer.trigerTime" headerKey="1" list="time_hour"></s:select>
												
											</div>
											<div class="control-group">
											<s:checkboxlist label="timer.day" list="#{'1':'SUN','2':'MON','3':'TUE' ,'4':'WED','5':'THU','6':'FRI','7':'SAT'}" name="daySchedule.dayOf" value="1" />
												<!-- <label class="control-label" for="inputRepeat">繰り返し</label>
												<div class="controls">
													<label class="checkbox inline"><input
														type="checkbox" id="inlineCheckbox1" value="option1"
														checked="checked"> 日</label> <label
														class="checkbox inline"><input type="checkbox"
														id="inlineCheckbox2" value="option2" checked="checked">
														月</label> <label class="checkbox inline"><input
														type="checkbox" id="inlineCheckbox3" value="option3"
														checked="checked"> 火</label> <label
														class="checkbox inline"><input type="checkbox"
														id="inlineCheckbox4" value="option1" checked="checked">
														水</label> <label class="checkbox inline"><input
														type="checkbox" id="inlineCheckbox5" value="option2"
														checked="checked"> 木</label> <label
														class="checkbox inline"><input type="checkbox"
														id="inlineCheckbox6" value="option3" checked="checked">
														金</label> <label class="checkbox inline"><input
														type="checkbox" id="inlineCheckbox7" value="option1"
														checked="checked"> 土</label> <br /> <a>全選択</a> | <a>全解除</a>
												</div> -->
											</div>
											<div class="control-group">
												<label class="control-label">種類</label>
												 <s:radio label="timer.type" name="timer.switchSetting" list="#{'1':'OFF','2':'ON','3':'ON <-> OFF'}" value="1" />
												<!--  <div class="controls">
													<label class="radio"><input type="radio"
														name="optionsRadios" id="optionsRadios1" value="option1"
														checked> OFF</label> <label class="radio"><input
														type="radio" name="optionsRadios" id="optionsRadios2"
														value="option2"> ON</label> <label class="radio"><input
														type="radio" name="optionsRadios" id="optionsRadios2"
														value="option2"> ON <-> OFF</label>
												</div>-->
											</div>
											<div class="control-group">
											<s:checkboxlist label="timer.status" list="#{'1':'0','2':'1'}" name="timer.status" value="0" />
												<!--  <label class="control-label" for="inputUse">利用する</label>
												<div class="controls">
													<label class="checkbox"><input type="checkbox"
														value="" checked="checked"></label>
												</div>-->
											</div>
											<div class="form-actions">
												<button type="submit" class="btn btn-primary"
													value="%{getText('global.submit')}">Save changes</button>
												<button type="button" class="btn"
													value="%{getText('global.cancel')}">Cancel</button>
											</div>
										</form>
									</div>

								</fieldset>
							</s:form>
						</div>
					</div>
				</div>
			</div>
		</div>
		<s:include value="/WEB-INF/content/common/footer.jsp"></s:include>
	</div>
</body>
</html>
